<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			.good_list{
				 float: left;
				width: 200px;
				height: 800px;
				display: flex;
				background-color: #007AFF;
				flex-wrap: wrap;
				padding: 7px;
				justify-content: space-between;
			}
			.good_item{
				width: 48%;
				height: 60px;
				border: 1px solid orange;
				display: flex;
			    flex-direction: column;
			    align-items: center;
			}
			.good_item img{
				margin-top: 10px;
				width: 60%;
				height: 20px;
			}
			.good_item p{
				font-size: 12px;
				height: 10px;
				line-height: 10px;
			}
			.box_list{
				width: 700px;
				height: 800px;
				border: 1px solid orange;
			    float: left;
				display: flex;
				flex-wrap: wrap;
				justify-content:space-between;
				
			}
			.box_list div{
				width: 150px;
				height: 100px;
				display: flex;
				flex-direction: column;
				align-items: center;
				border: 1px solid #2C8DFB;
				
			}
			.box_list img{
				margin-top: 20px;
				width: 80px;
				height: 50px;
			}
			.one_col{
				width: 1190px;
				height: 150px;
				float: left;
				border: 1px solid orange;
				display: flex;
				justify-content:space-around;
			}
			.one_col div{
				margin-top: 30px;
				width: 80px;
				height: 80px;
				border: 1px solid #2C8DFB;
				display: flex;
				flex-direction: column;
				align-items: center;
				
			}
			.one_col div img{
				margin-top: 10px;
				width: 40px;
				height: 40px;
			}
			
		</style>
	</head>
	<body>
		<div class="good_list">
			<div class="good_item">
				<img src="img/49cdd24cb2bfecf5.png" >
			    <p>京东金融</p>
			</div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
			<div class="good_item"></div>
		</div>
	</body>
	
	<div class="box_list">
		<div><img src="img/xzxk.png" > 京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
		<div><img src="img/xzxk.png" >京东金融</div>
	</div>
	<div class="one_col">
		<div>
			<img src="img/xzxk.png">
			京东金融
		</div>
		<div>
			<img src="img/xzxk.png">
			京东金融
		</div>
		<div>
			<img src="img/xzxk.png">
			京东金融
		</div>
		<div>
			<img src="img/xzxk.png">
			京东金融
		</div>
		<div>
			<img src="img/xzxk.png">
			京东金融
		</div>
		<div>
			<img src="img/xzxk.png">
			京东金融
		</div>
	</div>
</html>
